// // 测试axios基地址配置结果
// document.querySelector('#btn-register').addEventListener('click',()=>{
//     axios({
//         url:'/register',
//         method:'post',
//         data:{
//             username:'ithema666',
//             password:'123456'
//         }
//     })
// })

/**
 * 1.用户的注册功能
 *   1.1收集并校验数据
 *   1.2 数据提交
 */

document.querySelector('#btn-register').addEventListener('click',async()=>{
    // 1.1收集并校验数据
    const form=document.querySelector('.register-form')
    const data= serialize(form,{empty:true,hash:true})
    // console.log(data);
    const{username,password}=data
    console.log(username,password);
    // 1.2 校验数据
        //1.2.1非空校验
        if(!username||!password){
            // 调用通用js中封装的轻提示函数提示用户
            showToast('用户名和密码不能为空')
            return
        }
        //1.2.2长度校验
        if(username.length<8||username.length>30||password.length<6||password.length>30){
            // 调用通用js中封装的轻提示函数提示用户
            showToast('用户名的长度为8-30，密码的长度为6-30') 
            return
        }
    //1.3数据提交
    try{
      //.post 是请求方法post，参数1：请求URL。参数2：提交的数据 
      const res =await axios.post('/register',{username,password})
      console.log(res);
      showToast(res.message)
    }catch(error){
        console.dir(error)
        showToast(error.response.data.message)
    }

})